<template>
	<view>
		<view style="">
			<image src="https://cx.mingmeijt.com/Static/Pc/images/bangzhu_.png" mode="widthFix" style="width: 100%;"></image>
		</view>
		
		<uni-collapse :accordion="true">
			<uni-collapse-item v-for="item in accordion" :key="item.id" :title="item.title" :show-animation="item.animation">
				<rich-text class="content" :nodes="item.content"></rich-text>
			</uni-collapse-item>
		</uni-collapse>
		
		<view style="font-size: 32upx;margin: 90upx 20upx 0;">
			<view style="color: #BBBBBB;">
				如您有任何疑问,请致电生物伞客服中心:
			</view>
			<view style="">
				400-851-6311 <text style="color: #BBBBBB;">每天AM9:00-PM19:30</text>
			</view>
		</view>
		
	</view>
</template>

<script>
	import uniCollapse from '@/components/uni-collapse/uni-collapse.vue'
	import uniCollapseItem from '@/components/uni-collapse-item/uni-collapse-item.vue'
	export default {
		components: {
			uniCollapse,
			uniCollapseItem,
		},
		data() {
			return {
				accordion: [{
						id: 0,
						title: '一、下单后什么时间发货',
						content: '<p style="text-indent:1em;">1、美购商城订单支付成功后3个工作日内安排发货，如遇法定节假日顺延至假期结束后的工作日安排发出（特殊情况除外，另行通知）；</p><p style="text-indent:1em;">2、促销活动涉及订单量较大，发货时间可能会有所延迟，请您耐心等待；</p><p style="text-indent:1em;">3、国家级/地区级特殊会议或台风、雨雪、大雾等不可抗力的因素下，订单到达时间会稍有顺延；</p><p style="text-indent:1em;">4、预售商品以通知发货时间为准。</p><p style="text-indent:1em;">5、订单发货后，物流预计 3 - 7 天送达，具体视物流情况待定（注节假日、特殊会议、大促或台风、雨雪、大雾等不可抗力因素物流时效可能会有所影响，延迟到货，敬请谅解。</p>',
						animation: true
					},
					{
						id: 1,
						title: '二、下单后在哪里查看物流进展',
						content: '<p style="text-indent:1em;">1､进入【美购商城】小程序-【我的】-【待收货】-找到想查看的订单商品-点击【查看物流】即可查看物流信息；</p><p style="text-indent:1em;">2､美购商城提供的订单物流跟踪功能所查询的信息均来源于第三方物流信息网，可能存在部分与快递官网同步不及时，物流进展更新延迟现象，敬请理解。</p>',
						animation: true
					},
					{
						id: 2,
						title: '三、换货规则',
						content: '<p style="text-indent:1em;" >为了保障您的权益，请在签收商品前与快递员当面核对商品种类、数量、规格、赠品是否一致，产品包装是否完好无损，准确无误后再进行签收。</p><p style="text-indent:1em;">1、为了保障所有用户使用产品的安全和卫生，产品不提供试用服务，包装一经开封，非质量原因不予退换；</p><p style="text-indent:1em;">2、如商品本身破损，从签收次日起7天内可以申请调换。产品签收7天后不支持任何形式的退换货。如因快递运输问题，请与快递公司联系索赔，公司不承担退换责任；</p><p style="text-indent:1em;">3、美购商城保证商品的质量，如果您在使用时对商品质量表示质疑，请出具书面鉴定，我们将按照国家法律规定予以处理；</p><p style="text-indent:1em;">温馨提示：产品的使用效果会因肤质、年龄、季节、气候、使用方法以及配套产品等的不同而效果不一，如皮肤发生过敏情况可能与饮食、生活作息及情绪有关，因此，介绍的功能及使用效果仅供参考，如果您对商品细节有任何疑问，请在订购前与客服联系并详细确认。</p>',
						animation: true
					},
					{
						id: 3,
						title: '四、代理商平台管理费',
						content: '1．代理商平台管理费为15%',
						animation: true
					},
					{
						id: 4,
						title: '五、其它问题',	
						content: '请联系在线客服或者直接拨打客服电话18516265016',
						animation: true
					}
				],
			}
		},
		onLoad:function(){
			uni.showLoading()
			uni.getStorage({
				key: 'user_id',
				success: (res) => {
					this.user_id = res.data
				},
				fail: () => {
					uni.navigateTo({
						url: '../../index/index'
					});
				}
			});
			this.setAjax()
		},
		methods: {
			setAjax(){
				// uni.request({
				// 	url: 'https://cx.mingmeijt.com/Api/User/myPurse',
				// 	method: 'POST',
				// 	header:{'Content-Type':'application/x-www-form-urlencoded'},
				// 	data:{
				// 		user_id: this.user_id,
				// 		timestamp: this.timestamp,
				// 		token: this.token,
				// 		session_id: uni.getStorageSync("sessionid")
				// 	},
				// 	success: res => {
				// 		this.res = res.data.data
				// 	},
				// 	fail: () => {},
				// 	complete: () => {}
				// });
				uni.hideLoading()
			},
		}
	}
</script>

<style lang="scss">
page {
	background-color: #FFFFFF;
}
.content {
		padding: 15px;
		font-size: 14px;
		line-height: 20px;
		background-color: #f9f9f9;
		color: #666;
	}

.list-cell{
		/* border: 1upx solid #DDDDDD; */
		box-shadow: 1upx 1upx 10upx #DDDDDD;
		border-radius: 20upx;
		display:flex;
		align-items:baseline;
		padding: 20upx $page-row-spacing;
		line-height:60upx;
		position:relative;
		background: #fff;
		justify-content: center;
		&.log-out-btn{
			margin-top: 40upx;
			.cell-tit{
				color: #000;
				text-align: center;
				margin-right: 0;
			}
		}
		&.cell-hover{
			background:#fafafa;
		}
		&.b-b:after{
			left: 30upx;
		}
		&.m-t{
			margin-top: 16upx; 
		}
		.cell-more{
			align-self: baseline;
			font-size:$font-lg;
			color:$font-color-light;
			margin-left:10upx;
		}
		.cell-tit{
			flex: 1;
			font-size: $font-base + 2upx;
			color: $font-color-dark;
			margin-right:10upx;
		}
		.cell-tip{
			font-size: $font-base;
			color: $font-color-light;
		}
		switch{
			transform: translateX(16upx) scale(.84);
		}
	}
</style>
